<template>
    <div>
        <h1>欢迎使用学生信息管理系统</h1>
        <nav>
            <router-link :to="{name:'user'}">用户管理</router-link>
            |
            <router-link :to="{name:'student'}">学生管理</router-link>
            |
            <router-link :to="{name:'score'}">成绩管理</router-link>
        </nav>
        <!--  路由出口-->
        <RouterView></RouterView>
    </div>
</template>

<script>
export default {
    name: "IndexView"
}
</script>

<style scoped>

h1{
    color: #42b983;
    background-color: azure;
    text-align: center;
    border-bottom: 1px solid  #42b983;
}

nav {
    padding: 30px;
    text-align: center;
}

nav a {
    font-weight: bold;
    color: #2c3e50;
}

nav a.router-link-exact-active {
    color: #42b983;
}
</style>